/**
 * Qilin-web默认样式类
 * @author Qilin
 * @createDate 2025-01-20
 * @lastUpdateDate 2025-01-20
 */
@use "./base.scss";

//盒模型
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
p,ul{
    padding:0;
    margin:0;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
}
html{
    font-size:100px !important;
}
#app{
    width:100%;
    height:100%;
}
html,body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
	color:var(--qilin-text-color-default);
    font-family: base.$text-china-default,base.$text-english-default;
    -webkit-font-smoothing: antialiased; /* 抗锯齿渲染 */
    //解决浏览器自动放大字体的bug
	text-size-adjust: none;
}
//单独的body样式设置
body {
	background-color: var(--qilin-bg-color-default);
	font-size:base.$default-text-size!important;
	overflow: hidden;
	line-height: 1.5;
}

/**
    全局布局响应设置
*/
@media only screen and (max-width:640px){
    body{
        font-size:base.$mini-text-size!important;
    }
}
@media only screen and (min-width:640px) and (max-width:992px){
    body{
        font-size:base.$small-text-size!important;
    }
}
@media only screen and (min-width:992px) and (max-width:1920px){
    body{
        font-size:base.$default-text-size!important;
    }
}
@media only screen and (min-width:1921px){
    body{
        font-size:base.$medium-text-size!important;
    }
}
@media only screen and (max-width:1200px){
    body{
        min-width:1200px;
        overflow:auto;
    }
}
